<template>
  <div class="mani-content">
    <div>
      {{title}}
    </div>
  </div>
</template>

<script>
  export default {
    props:{
      title:{
        type:String,
        default(){
          return ''
        }
      }
    },
    data() {
      return {}
    },
    //是计算属性，也可以理解为一个方法。
    computed: {},

    //属性是手动定义的所需监听的值
    watch: {},

    //生命周期 - 创建完成（访问当前this实例）
    created() {
    },

    //生命周期 - 挂载完成（访问DOM元素）
    mounted() {
    },

    //是Vue实例对象上绑定的方法，供当前Vue组件作用域内使用，
    methods: {}

  }

</script>

<style scoped>
  /* @import url(); 引入css类 */
  .mani-content{
    width: 100%;
    height: 50px;
    line-height:50px ;
  }
</style>
